<template>
<view class="comment m-b2"> 
	<view class="hd">
		<view class="title">评论</view>
		<view class="comment-num">共2.2万+条评论 ></view>
	</view> 
	<view class="comment-list">
		<view class="item">
			<image class="avator-img" src="../static/images/man.png" mode="widthFix"></image>
			<view class="info">
				<view class="user-bar">
					<view class="user-name">匿名</view>
					<view class="day-time">2月29日 14:32</view> 
				</view> 				
				<view class="content split-line">很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便很专业，很顺利，很方便</view>
				<view class="handle-bar">
					<view class="zan-btn">
						<text v-if="true" class="iconfont f-s26">&#xe684;</text> 
						<text v-else class="iconfont f-s26 f-blue">&#xe664;</text>
						<text class="num">0</text>
					</view>
				</view>
			</view>
		</view>
		<view class="item">
			<image class="avator-img" src="../static/images/man.png" mode="widthFix"></image>
			<view class="info">
				<view class="user-bar">
					<text class="user-name">匿名</text>
					<view class="day-time">2月29日 14:32</view>
				</view>  
				<view class="content split-line">
					专业：还可以 蛮负责任 但是有几项是没检查清楚 到时又要进一步去确诊。说考虑什么 什么纤维瘤？或是考虑考虑什么... 要门诊挂号 重新花钱，如果说在特殊方面的话没检测出来是否医院可以提供再次免费检查项目呢？ 环境：人流量比较大，就是入职体检和我花费了近5000元的费用是一起的 感觉有点... 套餐是【北京大学深圳医院体检中心】白领精英已婚女套餐（心脏彩超、动态心电图需到医院现场预约）4583.2的套餐。2017.10.18早8点前到医院，8点医院才开门，先去取单体检，然后去外科大楼2楼4号窗口预约心脏彩超（三维）。预约的时候工作人员说预约明天的吧，说了特殊情况然后给我安排了当天。感谢，预约完就说下午的2点来1号窗口取号（这时候记得不要2点去，一定要早一点，1点都可以，因为人真的太多了。就是超声波那里！不过都是很快的检查）。可以说其他体检的都在5楼同一层了，就不用跑来跑去了。可以确认下餐前哪几项做完可以吃早餐，然后吃完早餐在去做其他的。X光摄影+DR片+妇科疑有孕或有孕都是不建议做的，选套餐之前了解清楚 我的全身体检也一个早上做完了。选择快递寄的报告 以下图片有快递电话
					</view>

			</view>
		</view>
		<view class="more-btn">查看全部评论</view>
	</view> 
</view>
</template>

<script>
	import {mapState,mapMutations} from 'vuex'
	export default{
		name:'comment',
		data(){
			return {
				type:this.commentType,
				// comment:this.commentData
			}
		},
		props:{
			commentType:{
				type:String
			} 
		},
		created(){
			// console.log(123,this.type,this.commentData)
			this.$store.dispatch('getCommentList');   // 触发vuex 异步方法获取评论
		},
		computed:{
			...mapState({
			  comment:commentList 
			})
		},
		
		
	}
</script>

<style lang="less">
	
/*评论*/
.comment{ 
	.hd{
		display: flex;
		justify-content: space-between;
		line-height: 80rpx;
		padding:0 20rpx;
		background: #fff;
		border-bottom:1rpx solid #ddd;
		.title{
			font-size:32rpx;
		}
		.comment-num{
			color:#999;
			font-size:24rpx;
		}
	} 
}
 
.comment-list{
	background: #fff;
	padding:0 16rpx;
	overflow: auto;
	.more-btn{
		width: 220rpx;
		margin:20rpx auto;
		text-align: center;
		line-height: 50rpx;
		border:2rpx solid #ddd;
		border-radius: 36rpx;
		font-size: 26rpx;
		color:#333;
	}
	.item{
		overflow: hidden;
		display: flex;
		padding:20rpx 0;
		border-bottom:2rpx dotted #ddd;
		.avator-img{
			width:60rpx;
			border-radius:50%;
			margin-right:20rpx;
			image{
				width:100%;
				border-radius: 15rpx;
			}
		}
		.info{
			width:85%;
			.user-bar{
				display: flex;
				justify-content: space-between;
				margin-bottom:5rpx;
				.user-name{
				  	font-size:24rpx; 
				}
			}
			.day-time{
				margin-bottom:10rpx;
				color:#999;
				font-size:24rpx;
			}
			.content{
				margin-bottom:20rpx;
				font-size:24rpx;
				color:#666;
			}
			.handle-bar{
				display: flex;
				justify-content: flex-end;
				.zan-btn{
					color:#999;
				}
			}
			.label{
				display: flex;
				align-items: center;
				color:#999;
				.iconfont{
					margin-right:10rpx;
					font-size: 38rpx;
				}
			}
		}
	}
}
 
 
 

 
</style>
